<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<title>支付汇</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="支付汇" />
		<%@ include file="/WEB-INF/views/site/inc/head.jsp"%>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
		<!--start-smoth-scrolling-->
	</head>
	<body>
		<%@ include file="/WEB-INF/views/site/inc/nav.jsp"%>
		<!--banner start-->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<c:forEach items="${banners}" var="banner" varStatus="b">
					<div class="item <c:if test='${b.index == 0}'>active</c:if>">
						<img src="${banner.image}" width="100%" alt="${banner.title}">
					</div>
				</c:forEach>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<!--banner end-->
		
		<!--production start-->
		<div class="welcome">
			<div class="container">
				<div class="welcome-text">
					<div class="col-md-8 welcome-left product">
						<h3 style="margin-bottom: 35px;">最新产品</h3>
						<div class="row">
							<c:forEach items="${posBigMapList}" var="posB" varStatus="b">
								<div class="col-md-4">
									<a href="#"><img class="img-responsive" src="${posB['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="row">
							<c:forEach items="${posSmallMapList}" var="posS" varStatus="s">
								<div class="col-md-4">
									<a href="#"><img class="img-responsive" src="${posS['pictureUrl']}"></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
					<div class="col-md-4 welcome-left">
						<h3>新闻动态</h3>
						<c:forEach items="${news}" var="newsItem" varStatus="n">
							<div class="w-one">
								<div class="w-one-left">
									<h6>${newsItem['month']}<span>${newsItem['day']}</span></h6>
								</div>
								<div class="w-one-right">
									<div class="w-one-right-left">
										<img src="${newsItem['imageUrl']}" alt="" />
									</div>
									<div class="w-one-right-right">
										<a href="${newsItem['link']}" target="_blank"><h4>${newsItem['title']}</h4></a>
										<p>${newsItem['comment']}</p>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="clearfix"></div>
							</div>
						</c:forEach>
						<%-- <div class="w-one">
							<div class="w-one-left">
								<h6>5月<span>13</span></h6>
							</div>
							<div class="w-one-right">
								<div class="w-one-right-left">
									<img src="${ctxStatic}/custom/site/images/w-3.jpg" alt="" />
								</div>
								<div class="w-one-right-right">
									<a href="#"><h4>最新财政政策下达</h4></a>
									<p>这里是第一条信息的内容，具体内容根据传输数据觉订...</p>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="clearfix"></div>
						</div>
						--%>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!--production end-->
		
		<!--cooperative partner-->
		<div class="container hz_box">
			<h3 class="hz_title">合作伙伴</h3>
			<div class="row">
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/gsyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/pfyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/zxyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/jsyh.png" class="img-responsive"></div>
			</div>
			<div class="row">
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/jtyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/gsyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/jtyh.png" class="img-responsive"></div>
				<div class="col-md-3"><img src="${ctxStatic}/custom/site/images/gsyh.png" class="img-responsive"></div>
			</div>
		</div>
		<!--cooperative partner-->
		
		<%@ include file="/WEB-INF/views/site/inc/footer.jsp"%>
	</body>
</html>